<!DOCTYPE html>
<html lang="zh_CN" class="h100">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
    <meta name="renderder" content="webkit" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport" />
    <title>安徽省社会消费品零售总额预测系统</title>
    <link rel="shortcut icon" href="../../public/images/pm.ico" />
    <link rel="bookmark" href="../../public/images/pm.ico" type="image/x-icon" 　 />
    <link rel="stylesheet" type="text/css" href="../../public/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="../../public/css/main.css" />
    <link rel="stylesheet" type="text/css" href="../../public/js/layui/css/layui.css" />
    <style>
        .center-content {
            height: 50px;
            text-align: center;
            position: relative;
            color: #ff5f19;
            border-left: 1px solid #f39927;
        }
        
        .ping-ico {
            color: #518cd0;
            font-weight: bold;
            position: relative;
            top: -17px;
            font-size: 20px;
        }
        
        .left-content {
            width: 33.3%;
        }
        
        .right-content {
            width: 33.3%;
        }
        
        .up-number,
        .up-number2,
        .up-number3 {
            cursor: pointer;
        }
        
        .img-echart {
            color: #548DD0;
            font-size: 18px;
            text-align: center;
            position: absolute;
            top: 20px;
            width: 100%;
        }
        .layui-table th {
          width:200px
        }
    </style>
</head>

<body class="h100">
    <div class="container-fluid">
        <div class="row home-row">
            <div class="col-md-6">
                <div style="background: #fff;padding-top: 20px;">
                    <!-- <img src="../../public/images/img/1_03.png" alt=""> -->
                    <div id="Month-echarts" style="width:100%;height:400px;">

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div style="background: #fff;padding-top: 20px;">
                    <!-- <img src="../../public/images/img/1_03.png" alt=""> -->
                    <div id="Quarter-echarts" style="width:100%;height:400px;">

                    </div>
                </div>
            </div>
        </div>
        <div class="row month-data">
            <div class="col-md-4">
                <div class="data-number">
                    <div class="data-title yellow">
                        <p>月度宏观变量17个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p class="up-number">6<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p class="flat-number">1<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr" style="width: 33.3%">
                            <div class="right-content-number">
                                <p class="down-number">10<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 ">
                <div class="data-number">
                    <div class="data-title bule">
                        <p>月度中观变量19个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl">
                            <div class="left-content-number">
                                <p class="up-number2">8<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p>0<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr">
                            <div class="right-content-number">
                                <p class="down-number2">11<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="data-number">
                    <div class="data-title red">
                        <p>月度微观变量11个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl">
                            <div class="left-content-number">
                                <p class="up-number3">4<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p>0<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr">
                            <div class="right-content-number">
                                <p class="down-number3">7<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row month-data">
            <div class="col-md-4">
                <div class="data-number">
                    <div class="data-title yellow">
                        <p>季度宏观变量26个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl">
                            <div class="left-content-number">
                                <p class="up-number4">6<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p>0<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr">
                            <div class="right-content-number">
                                <p class="down-number4">20<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 ">
                <div class="data-number">
                    <div class="data-title bule">
                        <p>季度中观变量12个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl">
                            <div class="left-content-number">
                                <p class="up-number5">6<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p>0<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr">
                            <div class="right-content-number">
                                <p class="up-number5">6<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="data-number">
                    <div class="data-title red">
                        <p>季度宏观变量11个</p>
                    </div>
                    <div class="data-content">
                        <div class="left-content fl">
                            <div class="left-content-number">
                                <p class="up-number6">3<span>个指标</span><i class="up-ico">↑</i></p>
                            </div>
                        </div>
                        <div class="center-content fl" style="width: 33.3%">
                            <div class="left-content-number">
                                <p>0<span>个指标</span><i class="ping-ico">—</i></p>
                            </div>
                        </div>
                        <div class="right-content fr">
                            <div class="right-content-number">
                                <p class="down-number6">8<span>个指标</span><i class="down-ico">↓</i></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row analysis-echarts">
            <div class="col-md-6">
                <div class="type-analysis" style="background: #fff;padding-top: 20px;box-sizing: border-box;">
                    <div id="pie-analysis" style="width:100%;height:420px;">

                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="Month-echarts" style="background: #fff;padding-top: 20px;height:420px;position: relative;">
                    <p class="img-echart">各市社零增幅热力图</p>
                    <img style="height:420px;" src="../../public/images/img/1_10.png" alt="" srcset="">
                </div>
            </div>
        </div>
    </div>
    <!--上升弹框 -->
    <div class="upNumber dn" id="upNumber-dialog">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>全国农村居民人均可支配收入累计增幅
                        </th>
                        <th>全国CPI
                        </th>
                        <th>全国RPI
                        </th>
                        <th>全国二产固资投资完成额累计增幅
                        </th>
                        <th>全国M2同比增长
                        </th>
                        <th>美元汇率
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>8.838</td>
                        <td>101.8</td>
                        <td>101.4</td>
                        <td>2.5</td>
                        <td>8.3</td>
                        <td>6.29</td>
                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>8.849</td>
                        <td>102</td>
                        <td>101.5</td>
                        <td>2.8</td>
                        <td>8.5</td>
                        <td>6.71</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="upNumber-dialog2">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>安徽人均消费累计增幅</th>
                        <th>安徽城镇居民人均可支配收入累计增幅
                        </th>
                        <th>安徽农村居民人均可支配收入累计增幅
                        </th>
                        <th>安徽CPI</th>
                        <th>安徽一产增加值累计增幅
                        </th>
                        <th>安徽纺织服装进出口累计增幅
                        </th>
                        <th>
                          安徽外商及港澳台商企业应交增值税同比增长
                        </th>
                        <th>
                          安徽外商及港澳台商企业产销率
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>7.109
                        </td>
                        <td>8.518</td>
                        <td>9.624</td>
                        <td>101.8</td>
                        <td>8.4</td>
                        <td>4</td>
                        <td>16</td>
                        <td>-0.7</td>
                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>10.916</td>
                        <td>9.240</td>
                        <td>9.906</td>
                        <td>101.9</td>
                        <td>8.7</td>
                        <td>7.1</td>
                        <td>26.4</td>
                        <td>-0.5</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="upNumber-dialog3">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>行业石油及制品类零售额累计增幅
                        </th>
                        <th>行业粮油、食品类零售额累计增幅</th>
                        <th>服装、鞋帽、针纺织品类零售额累计增幅</th>
                        <th>乡村_限上社零累计增幅</th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>

                        <td>15.1</td>
                        <td>13.8</td>
                        <td>7.2</td>
                        <td>16.9</td>

                    </tr>
                    <tr>
                        <td>2019年6月</td>

                        <td>19.9</td>
                        <td>16.8</td>
                        <td>7.8</td>
                        <td>19</td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="upNumber-dialog4">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>全国城镇人均消费累计增幅
                        </th>
                        <th>全国非制造业PMI
                        </th>
                        <th>全国二产固资投资完成额累计增幅
                        </th>
                        <th>全国二产贡献率累计值(%)
                        </th>
                        <th>美元汇率
                        </th>
                        <th>全国进出口总额累计增幅
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>5.66</td>
                        <td>54.5</td>
                        <td>2.2</td>
                        <td>36.1</td>
                        <td>6.319</td>
                        <td>6.2</td>
                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>6.08</td>
                        <td>54.55</td>
                        <td>4.85</td>
                        <td>36.9</td>
                        <td>6.72</td>
                        <td>26.7</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="upNumber-dialog5">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>安徽人均消费累计增幅</th>
                        <th>安徽城镇居民人均可支配收入累计增幅
                        </th>
                        <th>安徽农村居民人均可支配收入累计增幅
                        </th>
                        <th>安徽二产增加值增幅_累计比上年同期增幅(%）</th>
                        <th>安徽外商及港澳台商企业产销率
                        </th>
                        <th>安徽外商及港澳台商企业应交增值税同比增长
                        </th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>0.0869
                        </td>
                        <td>8.735</td>
                        <td>0.098</td>
                        <td>8.3</td>
                        <td>-3.35</td>
                        <td>15.6</td>

                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>0.109</td>
                        <td>9.240</td>
                        <td>0.099</td>
                        <td>8.7</td>
                        <td>-0.55</td>
                        <td>26.9</td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="upNumber-dialog6">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>行业石油及制品类零售额累计增幅
                        </th>
                        <th>乡村_限上社零累计增幅
                        </th>
                        <th>行业批发和零售业增加值增幅</th>


                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>

                        <td>12.35</td>
                        <td>12.2</td>
                        <td>5.3</td>


                    </tr>
                    <tr>
                        <td>2019年1季度</td>

                        <td>21.2</td>
                        <td>12.4</td>
                        <td>6</td>


                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 持平 -->
    <div class="upNumber dn" id="flat-dialog">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>人口自然增长率
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>3.81</td>

                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>3.81</td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="flat-dialog2">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>人口自然增长率
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>3.81</td>

                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>3.81</td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- 下降 -->
    <div class="upNumber dn" id="down-dialog">
        <div class="dialog-content">
            <table class="layui-table" style="width:1500px">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>全国城镇人均消费累计增幅
                        </th>
                        <th>全国农村人均消费累计增幅
                        </th>
                        <th>全国城镇居民人均可支配收入累计增幅
                        </th>
                        <th>全国PPI
                        </th>
                        <th>全国非制造业PMI
                        </th>
                        <th>全国制造业PMI
                        </th>
                        <th>全国非制造业PMI
                        </th>
                        <th>全国财政收入累计增幅
                        </th>
                        <th>全国M1同比增长
                        </th>
                        <th>假期天数
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>6.82</td>
                        <td>12.21</td>
                        <td>7.903</td>
                        <td>103.4</td>
                        <td>51.4</td>
                        <td>54.8</td>
                        <td>9.3</td>
                        <td>12.8</td>
                        <td>4.5</td>
                        <td>10</td>
                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>6.09</td>
                        <td>8.76</td>
                        <td>7.902</td>
                        <td>100.3</td>
                        <td>49.4</td>
                        <td>54.3</td>
                        <td>7.9</td>
                        <td>5.3</td>
                        <td>3.5</td>
                        <td>8</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="down-dialog2">
        <div class="dialog-content">
            <table class="layui-table" style="width:1800px">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>安徽RPI
                        </th>
                        <th>安徽二产固资投资完成额同比增长
                        </th>
                        <th>安徽三产固资投资完成额同比增长
                        </th>
                        <th>安徽二产增加值累计增幅
                        </th>
                        <th>安徽三产增加值累计增幅
                        </th>
                        <th>安徽一产用电量累计增幅
                        </th>
                        <th>安徽二产用电量累计增幅
                        </th>
                        <th>安徽三产用电量累计增幅
                        </th>
                        <th>安徽农产品进出口累计增幅
                        </th>
                        <th>安徽工业制成品进出口累计增幅
                        </th>
                        <th>安徽外商及港澳台商企业业务收入同比增长</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>101.8</td>
                        <td>11.94</td>
                        <td>10.14</td>
                        <td>3.6</td>
                        <td>9.1</td>
                        <td>23.5</td>
                        <td>6.68</td>
                        <td>20.1</td>
                        <td>27.8</td>
                        <td>34.7</td>
                        <td>6.4</td>
                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>101.3</td>
                        <td>8.55</td>
                        <td>9.14</td>
                        <td>2.8</td>
                        <td>7.1</td>
                        <td>13.7</td>
                        <td>6.22</td>
                        <td>16.52</td>
                        <td>19.5</td>
                        <td>5</td>
                        <td>5.4</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="down-dialog3">
        <div class="dialog-content">
            <table class="layui-table">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>汽车类零售额累计增幅
                        </th>
                        <th>家用电器和音像器材类零售额累计增幅
                        </th>
                        <th>烟酒类零售额累计增幅
                        </th>
                        <th>住宿和餐饮业累计增幅
                        </th>
                        <th>限额以上社会消费品零售总额累计增幅
                        </th>
                        <th>限额以上社会消费品零售总额城镇累计增长
                        </th>
                        <th>商品零售总额累计增幅
                        </th>

                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年6月</td>
                        <td>11.6</td>
                        <td>12.9</td>
                        <td>16.1</td>
                        <td>6</td>
                        <td>12.1</td>
                        <td>11.9</td>
                        <td>12.1</td>

                    </tr>
                    <tr>
                        <td>2019年6月</td>
                        <td>0.5</td>
                        <td>5.9</td>
                        <td>7.2</td>
                        <td>5.8</td>
                        <td>9.8</td>
                        <td>8.9</td>
                        <td>9</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="down-dialog4">
        <div class="dialog-content">
            <table class="layui-table" style="width:2300px">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>全国农村人均消费累计增幅
                        </th>
                        <th>全国城镇居民人均可支配收入累计增幅
                        </th>
                        <th>全国农村居民人均可支配收入累计增幅
                        </th>
                        <th>全国CPI
                        </th>
                        <th>全国RPI</th>
                        <th>全国PPI
                        </th>
                        <th>全国制造业PMI
                        </th>
                        <th>全国企业景气指数
                        </th>
                        <th>全国企业家信心指数
                        </th>
                        <th>全国银行业景气指数
                        </th>
                        <th>全国银行业信心指数
                        </th>
                        <th>
                          全国三产固资投资完成额累计增幅
                        </th>
                        <th>
                          全国一产增加值指数累计值
                        </th>
                        <th>
                          全国二产增加值指数累计值
                        </th>
                        <th>
                          全国三产增加值指数累计值
                        </th>
                        <th>
                          全国一产贡献率累计值(%)
                        </th>
                        <th>
                          全国三产贡献率累计值(%)
                        </th>
                        <th>
                          全国M2同比增长
                        </th>
                        <th>
                          全国M1同比增长
                        </th>
                        <th>
                          全国财政收入累计增幅
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>10.95</td>
                        <td>7.96</td>
                        <td>8.91</td>
                        <td>101.966</td>
                        <td>102.0667</td>
                        <td>103.4</td>
                        <td>50.9</td>
                        <td>58.6</td>
                        <td>74.3</td>
                        <td>69.7</td>
                        <td>81.9</td>
                        <td>10.1</td>
                        <td>103.2</td>
                        <td>50.9</td>
                        <td>58.6</td>
                        <td>74.3</td>
                        <td>69.7</td>
                        <td>81.9</td>
                        <td>10.1</td>
                        <td>103.2</td>
                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>8.76</td>
                        <td>7.90</td>
                        <td>8.84</td>
                        <td>101.9</td>
                        <td>101.45</td>
                        <td>100.25</td>
                        <td>49.85</td>
                        <td>57.9</td>
                        <td>67.8</td>
                        <td>68.7</td>
                        <td>68.5</td>
                        <td>7</td>
                        <td>102.7</td>
                        <td>49.85</td>
                        <td>57.9</td>
                        <td>67.8</td>
                        <td>68.7</td>
                        <td>68.5</td>
                        <td>7</td>
                        <td>102.7</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="down-dialog5">
        <div class="dialog-content">
            <table class="layui-table" style="width:1800px">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>安徽CPI
                        </th>
                        <th>安徽RPI
                        </th>
                        <th>安徽二产固资投资完成额同比增长
                        </th>
                        <th>安徽三产固资投资完成额同比增长
                        </th>
                        <th>安徽一产增加值增幅_累计比上年同期增幅</th>
                        <th>安徽三产增加值增幅_累计比上年同期增幅
                        </th>
                        <th>安徽一产用电量累计增幅
                        </th>
                        <th>安徽二产用电量累计增幅
                        </th>
                        <th>安徽三产用电量累计增幅
                        </th>
                        <th>安徽农产品进出口累计增幅
                        </th>
                        <th>安徽工业制成品进出口累计增幅
                        </th>
                        <th>
                          安徽纺织服装进出口累计增幅
                        </th>
                        <th>
                          安徽外商及港澳台商企业业务收入同比增长
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>102.2</td>
                        <td>102.15</td>
                        <td>13.14</td>
                        <td>9.96</td>
                        <td>3.8</td>
                        <td>8.5</td>
                        <td>23.25</td>
                        <td>11.145</td>
                        <td>24.53</td>
                        <td>29.8</td>
                        <td>44.35</td>
                        <td>10.5</td>
                        <td>9.6</td>
                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>101.4</td>
                        <td>100.8</td>
                        <td>10.67</td>
                        <td>7.395</td>
                        <td>2.8</td>
                        <td>7.1</td>
                        <td>12.12</td>
                        <td>7.465</td>
                        <td>13.286</td>
                        <td>17.7</td>
                        <td>1.15</td>
                        <td>1.05</td>
                        <td>5.8</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="upNumber dn" id="down-dialog6">
        <div class="dialog-content">
            <table class="layui-table" style="width:1000px">
                <colgroup>
                    <col width="150">
                    <col width="200">
                    <col>
                </colgroup>
                <thead>
                    <tr style="color: #333333">
                        <th>时间</th>
                        <th>行业汽车类零售额累计增幅
                        </th>
                        <th>行业粮油、食品类零售额累计增幅
                        </th>
                        <th>行业家用电器和音像器材类零售额累计增幅
                        </th>
                        <th>行业服装鞋帽、针纺织品类零售额累计增幅
                        </th>
                        <th>行业烟酒类零售额累计增幅</th>
                        <th>行业住宿和餐饮业累计增幅
                        </th>
                        <th>限上社零累计增幅
                        </th>
                        <th>城镇_限上社零累计增幅
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2018年1季度</td>
                        <td>10.8</td>
                        <td>16</td>
                        <td>12.55</td>
                        <td>6.95</td>
                        <td>14.3</td>
                        <td>6.2</td>
                        <td>11.6</td>
                        <td>11.4</td>

                    </tr>
                    <tr>
                        <td>2019年1季度</td>
                        <td>2.9</td>
                        <td>15.7</td>
                        <td>7.25</td>
                        <td>6.4</td>
                        <td>9.3</td>
                        <td>5.8</td>
                        <td>11.1</td>
                        <td>10.7</td>

                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <script type="text/javascript" src="../../public/js/echarts.js"></script>
    <script type="text/javascript" src="../../public/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../public/js/layui/layui.js"></script>
    <script type="text/javascript">
        $(function() {

            $('.up-number').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog")
                    });
                });
            })
            $('.up-number2').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog2")
                    });
                });
            })
            $('.up-number3').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog3")
                    });
                });
            })
            $('.up-number4').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog4")
                    });
                });
            })
            $('.up-number5').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog5")
                    });
                });
            })
            $('.up-number6').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#upNumber-dialog6")
                    });
                });
            })
            $('.down-number').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog")
                    });
                });
            })
            $('.down-number2').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog2")
                    });
                });
            })
            $('.down-number3').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog3")
                    });
                });
            })
            $('.down-number4').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog4")
                    });
                });
            })
            $('.down-number5').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog5")
                    });
                });
            })
            $('.down-number6').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#down-dialog6")
                    });
                });
            })
            $('.flat-number').click(function() {
                layui.use('layer', function() {
                    var layer = layui.layer;
                    layer.open({
                        type: 1,
                        title: '数据信息',
                        area: ['800px', '300px'],
                        shade: false,
                        content: $("#flat-dialog")
                    });
                });
            })
            var option = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical',
                    right: '0',
                    top: "10px",
                    data: ['实际数据', '预测数据']
                },
                xAxis: [{
                    type: 'category',
                    data: ['2018年7月', '2018年8月', '2018年9月', '2018年10月', '2018年11月', '2018年12月', '2019年1月', '2019年2月', '2019年3月', '2019年6月', '2019年5月', '2019年6月',"2019年7月"]
                }],
                title: {
                    text: '社零总额增速月度趋势', //主标题
                    textStyle: {
                        color: '#548DD0',
                        fontStyle: 'normal', //风格
                        fontWeight: 'normal', //粗细
                        fontSize: 18, //大小
                        align: 'center' //水平对齐 
                    },
                    x: 'center',
                    y: 'top',
                    textAlign: 'left'
                },
                yAxis: [{
                    type: 'value',
                    name: '单位(%)',
                    axisLabel: {
                        formatter: '{value} '
                    }
                }],
                series: [

                    {
                        name: '实际数据',
                        type: 'line',
                        smooth: false,
                        itemStyle: { /*设置折线颜色*/
                            normal: {
                                color: '#F47262'
                            }
                        },
                        data: [12.4, 12.3, 12.4, 12.1, 11.6, 11.5, 10.4, 10.4, 10.3, 9.1, 8.9,9.8]
                    }, {
                        name: '预测数据',
                        type: 'line',
                        color: ['#37ad99'],
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    color: '#37ad99',
                                    type: 'dotted' //'dotted'虚线 'solid'实线
                                },
                            }
                        },
                        data: [12.61, 11.83, 12.01, 12.56, 12.12, 11.07, 10.82, 10.82, 10.02, 9.51, 9.32, 9.2,9.6]
                    }
                ]
            };
            var option2 = {
                tooltip: {
                    trigger: 'axis'
                },
                legend: {
                    orient: 'vertical',
                    right: '0',
                    top: "10px",
                    data: ['实际数据', '预测数据']
                },
                xAxis: [{
                    type: 'category',
                    data: ['2017Q3', '2017Q4', '2018Q1', '2018Q2', '2018Q3', '2018Q4', '2019Q1', '2019Q2']
                }],
                title: {
                    text: '社零总额增速季度趋势', //主标题
                    textStyle: {
                        color: '#548DD0',
                        fontStyle: 'normal', //风格
                        fontWeight: 'normal', //粗细
                        fontSize: 18, //大小
                        align: 'center' //水平对齐 
                    },
                    x: 'center',
                    y: 'top',
                    textAlign: 'left'
                },
                yAxis: [{
                    type: 'value',
                    name: '单位(%)',
                    max: 15,
                    axisLabel: {
                        formatter: '{value} '
                    }
                }],
                series: [

                    {
                        name: '实际数据',
                        type: 'line',
                        smooth: false,
                        color: ['#37ad99'],
                        itemStyle: { /*设置折线颜色*/
                            normal: {
                                color: '#F47262'
                            }
                        },
                        data: [11.7, 11.9, 11.6, 12, 12, 11.6, 11.1]
                    }, {
                        name: '预测数据',
                        type: 'line',
                        color: ['#37ad99'],
                        itemStyle: {
                            normal: {
                                lineStyle: {
                                    width: 2,
                                    color: '#37ad99',
                                    type: 'dotted' //'dotted'虚线 'solid'实线
                                },
                            }
                        },
                        data: [11.92, 11.69, 11.23, 11.63, 11.73, 11.96, 11.46, 11.02]
                    }
                ]
            };

            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('Month-echarts'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('Quarter-echarts'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option2);

            //饼图
            var option1 = {
                title: {
                    text: '行业结构分析',
                    x: 'center',
                    y: 'top',
                    textAlign: 'center',
                    textStyle: {
                        color: '#548DD0',
                        fontStyle: 'normal', //风格
                        fontWeight: 'normal', //粗细
                        fontSize: 18, //大小
                        align: 'center' //水平对齐 
                    },
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                grid: {
                    top: '90px',
                    right: '100px'
                },
                legend: {
                    orient: 'vertical',
                    right: '5%',
                    top: 'middle',
                    data: ['汽车类', '石油类', '粮油食品类', '家电类', '服装鞋帽类', '烟酒类']
                },
                series: [{
                    name: '来源',
                    type: 'pie',
                    radius: '55%',
                    center: ['40%', '60%'],
                    color: ['#dc7c42', '#4fb3e7', '#aec840', '#f0be41', '#f15a49', '#d34087'],
                    data: [{
                        value: 4264364,
                        name: '汽车类'
                    }, {
                        value: 2720600,
                        name: '石油类'
                    }, {
                        value: 2694681,
                        name: '粮油食品类'
                    }, {
                        value: 1453655,
                        name: '家电类'
                    }, {
                        value: 1124370,
                        name: '服装鞋帽类'
                    }, {
                        value: 899505,
                        name: '烟酒类'
                    }, ],
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }]
            };
            // 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('pie-analysis'));
            // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option1);
        })
    </script>
</body>

</html>